.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.txh{
	display: flex;
}
html,doby{
	width: 100%;
	height: 100%;
    
}
#box{
	width: 100%;
    header{
    	ul{
    		.px2rem(height,190);
    	     background: #de3852;
    	     .txh;
    	li:nth-child(1) img{
             .px2rem(margin-top,20);
             .px2rem(margin-left,30);
    	}
    	li:nth-child(2){
    		.px2rem(margin-top,20);
    		.px2rem(margin-left,30);
    		p{
    			.px2rem(font-size,30);
    			color:#fff;
    			.px2rem(margin-top,20);
    			span{
    				color: #ffe700;
    			}
    		}
    	}
    	}
    	h2{
    		.px2rem(height,80);
    		.px2rem(line-height,80);
    		background: #ce304a;
    		.txh;
    		justify-content:space-between;
    		span{
    			.px2rem(font-size,30);
    			color: #fff;
    			.px2rem(margin-left,20);
    			b{
    				color: #ffe700;
    			}
    		}
    		button{
    			.px2rem(width,116);
    			.px2rem(height,50);
    			.px2rem(margin-top,20);
    			.px2rem(margin-right,20);
    			.px2rem(border-radius,10);
                .px2rem(font-size,24);
    			background: #fff;
    			border:none;
    		}
    	}

    }
    section{
    	.cai{
    		.px2rem(height,131);
    		border-bottom: 1px solid #ccc;

    		ul{
    			.txh;
    			padding-top: 5%;
                a{
                    flex:1;
    			li{
    				
    				text-align: center;
    				p{
    					margin-top: 4%;
    				}
    			}
            }
    		}
    	}
    	.quanbu{
    		.px2rem(height,87);
    		.px2rem(line-height,87);
    		border-bottom: 1px solid #ccc;
            a{
    		ul{
                  .txh;
                  justify-content:space-between;
                  span{
                  	.px2rem(margin-left,20);
                  }
    		}
        }
    	}
    	.goumai,.two{
    		.px2rem(height,87);
    		.px2rem(line-height,87);
    		border-bottom: 1px solid #ccc;
    		.px2rem(margin-top,22);
    		border-top: 1px solid #ccc;
            a{
    		ul{
                  .txh;
                  justify-content:space-between;
                  span{
                  	.px2rem(margin-left,20);
                  }
    		}
        }
    	}
    	.one{
    		.px2rem(height,171);
    		.px2rem(line-height,87);
    		
    		.px2rem(margin-top,22);
    		border-top: 1px solid #ccc;
            a{
    		ul{
                  .txh;
                  justify-content:space-between;
                  border-bottom: 1px solid #ccc;
                  span{
                  	.px2rem(margin-left,20);
                  }
    		}
        }
    	}
    }
    footer{
		.px2rem(height,95);
		width: 100%;
		border-top: 1px solid #ccc;
		position: fixed;
		bottom: 0;
		background: #fff;
		ul{
            .txh;
            .px2rem(margin-top,15);
            a{
                flex:1;
                li{
                text-align: center;
            }
            }
            
        }

	}
}